html {
    -webkit-text-size-adjust:100%;
}
body {
    margin:0;
    padding:0;
    background:#fff;
    font-family:'adelle', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#262626;
    line-height:1.6;
    text-align:center;
    min-width:1176px;
    position:relative;
}
*, *:after {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
p, ul, ol, li, dl, dt, dd, figure, form, blockquote {
    margin:0;
    padding:0;
    list-style:none;
}
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    line-height:1.3;
    font-weight:600;
}
fieldset {
    margin:0;
    padding:0;
    border:0;
}
input, select, button, textarea {
    font-family:'adelle', sans-serif;
    color:#666;
    margin:0;
}
input::-moz-focus-inner, button::-moz-focus-inner {
    padding:0;
    border:0;
}
img {
    border:none;
    vertical-align:top;
    max-width:100%;
    height:auto;
}
button {
    background:none;
    border:none;
    box-shadow:none;
    outline:none;
}
a {
    color:#00326C;
    text-decoration:none;
    -webkit-transition:color 0.2s ease-out;
    -moz-transition:color 0.2s ease-out;
    transition:color 0.2s ease-out;
}
a:hover {
    text-decoration:underline;
}
#page {
    overflow:hidden;
}
.subscribe {
    background: #F8F9FA;
}

/********* icons **********/
@font-face {
    font-family: 'fontello';
    src: url('font/fontello.eot?6035496');
    src: url('font/fontello.eot?6035496#iefix') format('embedded-opentype'),
       url('font/fontello.woff?6035496') format('woff'),
       url('font/fontello.ttf?6035496') format('truetype'),
       url('font/fontello.svg?6035496#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, 
[class*=" icon-"]:before,
.comment:before,
.pdf > a:before,
.event-agenda a:before,
.event-contact .mail a:before,
.event-contact .phone a:before,
.search-input button[type="submit"]:before,
.search-input button[type="reset"]:before,
.nav-pg .search a.button-search:before,
.article-share li.twitter .icon:before,
.article-share li.linkedin .icon:before,
.article-share li.facebook .icon:before,
.article-share li.more .icon:before,
.article-comment h3 a:before,
.nav-pg .button-mail a:before,
.nav-pg .mail a:before,
.nav-pg .button-feed a:before,
.nav-pg .feed a:before,
.nav-pg .button-twitter a:before,
.nav-pg .twitter a:before,
.nav-pg .linkedin a:before,
.nav-pg .facebook a:before,
.nav-pg .youtube a:before,
.nav-pg a.button-social:before,
.nav-pg li.membersicon a:before,
.nav-pg .members a.button-members:before,
.button-nav-pg:after,
.button-nav-pg.open:after,
.section-opinions .quote:before,
.slider-feedback .slide > div:before,
.nav-pg .box-members li.member-password a:before,
.nav-pg .box-members li.member-details a:before,
.box-member .button-close:before,
span.error-message:before,
.subscribe-form button:after,
.member-form button:after,
.event-live-more:after,
.event-subscribe.big a:after,
.article-comment button:after 
 {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
}
 
.icon-calendar:before, 
.event-agenda a:before { 
    content: '\e800'; 
}
.icon-chatbubble:before, 
.comment:before { 
    content: '\e801'; 
}
.icon-dots:before,
.nav-pg a.button-social:before { 
    content: '\e802'; 
} 
.icon-pdf:before, 
.pdf > a:before { 
    content: '\e803'; 
}
.icon-quote:before,
.section-opinions .quote:before,
.slider-feedback .slide > div:before { 
    content: '\e804'; 
}
.icon-envelope:before,
.nav-pg .button-mail a:before,
.nav-pg .mail a:before, 
.event-contact .mail a:before { 
    content: '\e805'; 
}
.icon-search:before, 
.search-input button[type="submit"]:before,
.nav-pg .search a.button-search:before { 
    content: '\e806'; 
}
.icon-linkedin-squared:before,
.nav-pg .linkedin a:before { 
    content: '\e807'; 
}
.icon-linkedin:before,
.article-share li.linkedin .icon:before { 
    content: '\e808'; 
}
.icon-facebook:before,
.article-share li.facebook .icon:before,
.nav-pg .facebook a:before { 
    content: '\e809'; 
}
.icon-youtube:before,
.nav-pg .youtube a:before { 
    content: '\e80a'; 
}
.icon-twitter:before,
.nav-pg .button-twitter a:before,
.nav-pg .twitter a:before,
.article-share li.twitter .icon:before { 
    content: '\e80b'; 
}
.icon-phone:before, 
.event-contact .phone a:before { 
    content: '\e80c'; 
}
.icon-chat:before,
.article-comment h3 a:before { 
    content: '\e80d'; 
}
.icon-rss:before,
.nav-pg .button-feed a:before,
.nav-pg .feed a:before { 
    content: '\e80e'; 
}
.icon-user:before,
.nav-pg li.membersicon a:before,
.nav-pg .members a.button-members:before { 
    content: '\e80f'; 
} 
.icon-cancel:before { 
    content: '\e810'; 
}
.icon-close:before,
.search-input button[type="reset"]:before,
.button-nav-pg.open:after,
.box-member .button-close:before { 
    content: '\e812'; 
}
.icon-plus-1:before,
.article-share li.more .icon:before { 
    content: '\e811'; 
} 
.icon-mobilemenu:before,
.button-nav-pg:after { 
    content: '\e813'; 
}
.icon-lock:before,
.nav-pg .box-members li.member-password a:before { 
    content: '\e814'; 
}
.icon-edit:before,
.nav-pg .box-members li.member-details a:before { 
    content: '\e815'; 
}
.icon-attention:before,
span.error-message:before { 
    content: '\e816'; 
}

.icon-right-open-big:before,
.subscribe-form button:after,
.member-form button:after,
.article-comment button:after  { 
    content: '\e817'; 
}

.icon-right-open-mini:before,
.event-live-more:after,
.event-subscribe.big a:after { 
    content: '\e818'; 
}

.icon-left-open-big:before, { 
    content: '\e819'; 
}

.icon-left-open-mini:before { 
    content: '\e81a'; 
}

/********** header **********/
.wrapper-header {
    background:#01326E;
    width:auto;
    z-index:500;
}
.wrapper-header a {
    color:#fff;
}
.logo-pg {
    float:left;
    padding:11px 0;
    width:141px;
}
.logo-pg a {
    display:block;
}
.title-pg {
}
.title-pg h1 {
    text-transform: uppercase;
    font-size:28px;
    color:#FFF;
    font-weight:700;
    padding:18px 0;
}
.title-pg span.action {
    color:#00AAF2;
    margin:0 12px;
}
.nav-pg, .title-pg {
    width:85%;
    float:right;
    font-family:'adelle-sans', sans-serif;
    font-weight:700;
    font-size:18px;
    /*padding:0 0 0 32px;*/ /*padding main - padding ul - padding first li*/
    z-index:400;
    line-height:29px;
    text-transform:uppercase;
}
.nav-pg a:hover, .nav-pg li.current a {
    color:#00AAF2;
    text-decoration:none;
}
.nav-pg li.current a:after {
    content:'';
    position:absolute;
    bottom:-1px;
    left:50%;
    margin:0 0 0 -5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #FFFFE7;
    /* IE fix */
    height:0;
    width:0;
}
.nav-pg .main {
    float:left;
    position:relative;
    padding:0 6px;
}
.nav-pg .main:after,
.nav-pg .members:after {
    content:'';
    position:absolute;
    right:0;
    top:25%;
    width:0;
    height:50%;
    border-right:1px solid #4F7098;
}
.nav-pg li {
    float:left;
}
.nav-pg a {
    display:block;
    padding:22px 6px;
    position:relative;
}
.nav-pg .extra {
    float:left;
    text-transform:uppercase;
    position:relative;
}
.nav-pg .extra a.button-more {
    display:block;
    padding:22px 12px;
    line-height:29px;
}
.nav-pg .extra a.button-more.open,
.nav-pg .extra a.button-more:hover {
    background:#0060A5;
    margin-left:-1px;
    border-left:1px solid #0060A5;
    color:#FFF;
}
.nav-pg .extra a.button-more:after {
    content:'\25BE';
    display:inline-block;
    width:12px;
}
.nav-pg .icons {
    float:right;
}
.nav-pg .icons a {
    width:42px;
    height:73px;
    text-align: center;
}
.nav-pg .icons a:before {
}
.nav-pg .icons a span,
.nav-pg .search a.button-search span {
    display:none;
    overflow:hidden;
    text-indent:-99em;
}
.nav-pg .search {
    float:right;
    border-right:1px solid #4F7098;
    border-left:1px solid #4F7098;
    position:relative;
}
.nav-pg .search a.button-search {
    width:44px;
    height:73px;
    display:block;
    padding:22px 0;
    text-align: center;
}
.nav-pg a.button-search:hover, 
.nav-pg a.button-search.open {
    background-color:#fff;
    color: #00AAF2
}
.nav-pg .search a.button-search:hover:before, 
.nav-pg .search a.button-search.open:before {
    color: #00AAF2;
}
.nav-pg .box-more {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    z-index:300;
    background:#0060A5;
    padding:0 12px;
    text-transform:none;
    line-height:1.4;
    font-weight:400;
}
.nav-pg .box-more#moremenu {
    width: 237px;
}
.nav-pg .box-more#socialmenu {
    width: 195px;
}
.nav-pg .box-more ul li {
    float:none;
}
.nav-pg .list-organisation {
    padding:18px 12px;
}
.nav-pg .list-organisation li {
    border-bottom:1px solid #008FD6;
}
.nav-pg .list-organisation li:last-child {
    border-bottom: none;
}
.nav-pg .list-organisation a {
    padding:12px 0;
}
.nav-pg li.socialmore {
    position: relative;
}
.nav-pg a.button-social {
    padding-right: 6px;
}
.nav-pg a.button-social.open,
.nav-pg a.button-social:hover {
    background-color:#0060A5;
    color: #FFF;
}
.nav-pg .list-social {
    padding:0 12px 18px;
}
.nav-pg .list-social:first-child {
    padding:18px 12px 0;
}
.nav-pg .list-social a {
    padding:6px 0;
    text-indent:0;
    overflow:visible;
    width: auto;
    height: auto;
    text-align: left;
}
.nav-pg .list-social a:before {
    padding: 0 18px 0 0;
}
.nav-pg .list-social a:hover:before {
    color: #00AAF2;
}
.nav-pg .members {
    position: relative;
    float:right;
    margin: 0 6px 0 0;
}
.nav-pg .members a.button-members {
    width: 48px;
    display:block;
    padding:22px 0;
    height: 73px;
    text-align: center;
}
.nav-pg .members a.button-members span {
    overflow:hidden;
    text-indent:-99em;
    display: block;
}
.nav-pg .members a.button-members:before {
}
.nav-pg .members a.button-members.open,
.nav-pg .members a.button-members:hover {
    background-color:#0060A5;
    color: #FFF;
}
.nav-pg .box-members {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    z-index:300;
    background:#0060A5;
    width:323px;
    padding:0 12px;
    text-transform:none;
    line-height:1.4;
    font-weight:400;
}
.nav-pg .box-members ul {
    padding: 24px 12px;
}
.nav-pg .box-members ul li {
    float: none;
}
.nav-pg .box-members li a{
    padding:3px 0;
}
.nav-pg .box-members li.member-login a {
    font-weight: 700;
}
.nav-pg .box-members li.member-password {
    margin: 0 0 12px 0;
}
.nav-pg .box-members li.member-password a {
    padding: 6px 0 6px;
}
.nav-pg .box-members li.member-password a:before {
    padding: 0 12px 0 0;
}
.nav-pg .box-members li.member-details a {
    padding: 6px 0 6px;
}
.nav-pg .box-members li.member-details a:before {
    padding: 0 12px 0 0;
}
.nav-pg .box-members li.member-logout {
    text-align: right;
    border-top: 1px solid #00AAF2;
}
.nav-pg .box-members li.member-logout a {
    padding: 12px 0 0;
}
.nav-pg .box-search {
    display:none;
    background:#fff;
    position:absolute;
    top:100%;
    right:0;
    z-index:700;
    width:630px;
    text-transform:none;
	padding: 12px 48px;
}
.nav-pg .box-search a {
	padding:0;
}
.nav-pg .search-list p a:hover {
    color: #262626;
}
.nav-pg .search-list h2 a:hover {
    color: #00326C;
    text-decoration: underline;
}
.nav-pg .box-search a.more-results {
    padding:9px 10%;
}
.nav-pg .search-input fieldset {
	padding:12px 0;
}
.wrapper-lf-wide .search-input {
	padding:24px 0;
}
.wrapper-lf-wide .search-input fieldset {
	padding:0;	
}
.wrapper-lf-wide .search-input label {
    display: none;
}
.search-input .item-input {
    display:block;
    margin:0 72px 0 0;
    position:relative;
}
.search-input label {
    display:none;
}
.search-input input[type="text"] {
    float:left;
    width:100%;
    color:#7F7F7F;
    background:#fff;
    border:1px solid #D9E0E2;
    border-right:0;
    font-size:18px;
    padding:12px;
    height:54px;
    margin:0 72px 0 0;
    border-radius:0;
}
.search-input button[type="submit"] {
    float:right;
    width:72px;
    overflow:hidden;
    height:54px;
    cursor:pointer;
    margin:-54px 0 0;
    color: #FFF;
    border-radius:0;
    background: #00AAF2;
}
.search-input button[type="submit"] span {
    display: block;
    overflow: hidden;
    text-indent: -99em;
}
.search-input button[type="submit"]:before {
    color: #FFF;
    font-size: 20px;
    line-height: 54px;
}
.search-input button[type="reset"] {
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;
    border-radius:0;
    width:16px;
    height:16px;
}
.search-input button[type="reset"]:before {
    font-size: 16px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    color:#000;
    line-height: 16px;
}
.nav-pg .button-mail a:before,
.nav-pg .mail a:before,
.nav-pg .button-feed a:before,
.nav-pg .feed a:before,
.nav-pg .button-twitter a:before,
.nav-pg .twitter a:before,
.nav-pg .linkedin a:before,
.nav-pg .facebook a:before,
.nav-pg .youtube a:before,
.nav-pg a.button-social:before,
.nav-pg li.membersicon a:before,
.nav-pg .search a.button-search:before,
.nav-pg .members a.button-members:before {
    color:#FFF;
    font-size:24px;
}
.nav-pg .button-mail a:hover:before,
.nav-pg .button-feed a:hover:before,
.nav-pg .button-twitter a:hover:before {
    color:#00AAF2;
}

.nav-pg .box-more.show, .nav-pg .box-search.show, .nav-pg .box-members.show {
    display:block;
}
/* header nav js */
#overlay-nav-pg, 
#overlay-article-pg,
#overlay-member-pg {
    display:none;
    width:100%;
    height:100%;
    background:url('') repeat;
    position:absolute;
    top:0;
    left:0;
    right:0;
}
#overlay-article-pg {
    z-index:300;
}
#overlay-member-pg {
    z-index: 600;
    background:url('') repeat;
    display: block; /*needs js*/
}
#overlay-nav-pg {
    z-index:400;
}
.button-nav-pg {
    display:none;
}
/********** publish bottom **********/
.wrapper-publish {
    background:#EDEDED;
    padding:24px 0;
    color:#000;
    font-family:'adelle-sans', sans-serif;
    font-size:13px;
    z-index: 400;
}
.wrapper-publish .logo {
    float:left;
    width:50%;
    padding:0 24px 0 0;
    text-align:right;
    font-size:0;
}
.wrapper-publish .logo figure {
    display:inline-block;
    padding:6px 12px;
    border-left:1px solid #B0B0B0;
    vertical-align:middle;
}
.wrapper-publish .logo figure:first-child {
    border:0;
}
.wrapper-publish .text {
    float:left;
    width:50%;
    padding:0 0 0 24px;
    max-width:350px;
}
/********** footer **********/
.wrapper-footer {
    background:#01326E;
    padding:24px 0;
    color:#fff;
    font-family:'adelle-sans', sans-serif;
    font-size:14px;
    z-index: 600;
}
.wrapper-footer a {
    color:#fff;
}
.wrapper-footer .wrapper-row {
    text-align:center;
}
.wrapper-footer ul,
.wrapper-footer p {
    padding:6px 0;
}
.wrapper-footer li {
    display:inline-block;
    padding:0 6px;
}
/********** content **********/
.wrapper-row, .wrapper-row-wide {
    width:1176px;
    text-align:left;
    margin:0 auto;
    padding:0 24px;
    position:relative;
}
.wrapper-row:before,
.wrapper-row:after,
.cf:before,
.cf:after {
    content:'';
    display:table;
}
.wrapper-row:after,
.cf:after {
    clear:both;
}
.wrapper-row.line {
    border-bottom:1px solid #D9E0E2;
}
.wrapper-row-wide {
    position: relative;
    height: 100%;
}
.wrapper-default {
}
.wrapper-default.orange .wrapper-row:first-child {
    border-top:5px solid #F87F00;
}
.wrapper-default.orange .section-origin .headline {
    color:#F87F00;
}
.wrapper-default.grey .wrapper-row:first-child {
    border-top:5px solid #D9E0E2;
}
.wrapper-default.grey .section-origin .headline {
    color:#B0B0B0;
}
.wrapper-default.blue .wrapper-row:first-child {
    border-top:5px solid #00AAF2;
}
.wrapper-default.blue .section-origin .headline {
    color:#00AAF2;
}
/* grey */
.wrapper-grey {
    position:relative;
    background:#F0F3F3;
    padding:24px 0;
    border-top: 1px solid #D9E0E2;
}
.wrapper-grey:before {
    content:'';
    position:absolute;
    top:-1px;
    left:50%;
    margin:0 0 0 -15px;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #fff;
    /* IE fix */
    height:0;
    width:0;
    z-index:6;
}
.wrapper-grey:after {
    content:'';
    position:absolute;
    top:-1px;
    left:50%;
    margin:0 0 0 -17px;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-top:17px solid #D9E0E2;
    /* IE fix */
    height:0;
    width:0;
    z-index:5;
}
.wrapper-lf-wide {
    float:left;
    width:68.02721088435374%; /* width:800px; */
}
.wrapper-lf-wide.wrapper-partnerdetail {
    width: 69.38775510204082%;
}
.wrapper-lf-wide .box-partners li {
    float:left;
    width:33.33333333333333%;
}
.wrapper-rt-wide {
    float:right;
    width:30.61224489795918%; /* width:360px; */
}

/********** section **********/
.section-origin {
    float:left;
    width:180px;
}
.section-origin .headline {
    font-family:'adelle-sans', sans-serif;
    font-size:24px;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.4;
    padding:24px 0 0;
    word-wrap: break-word;
}
.section-origin .date, .section-origin .description {
    color:#7F7F7F;
    font-size:24px;
    font-weight:300;
    line-height:1.3;
    padding:24px 0 0;
}
.section-origin .date span {
    display: block;
}
.section-origin .date.line {
    display: inline-block;
    position: relative;
}
.section-origin .date.line:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    content:'';
    border-bottom:4px solid #00AAF2;
}
.section-origin .back {
    color:#00AAF2;
    font-weight:600;
    padding:24px 0;
    line-height:31.2px; /*same as headline*/
}
.section-origin .back:before {
    content:"\0003C";
    padding-right:2px;
}
.section-origin .info {
    border-top:1px dotted #D9E0E2;
    font-size:15px;
    margin:12px 0 0;
}
.section-origin .info li {
    border-bottom:1px dotted #D9E0E2;
    padding:6px 0;
}
.section-origin .info a {
    color:#00AAF2;
}
.section-view {
    margin:0 0 0 204px;
}
.section-view p.more, .section-wide p.more {
    font-family:'adelle-sans', sans-serif;
    font-size:18px;
    font-weight:700;
}
.section-view p.more a, .section-wide p.more a{
    color:#00AAF2 !important;
}
.section-wide p.more {
    float: right;
    margin: 0 0 0;
}
.section-headline {
    text-align:center;
    padding:0 0 24px;
}
.section-headline p {
    display:inline-block;
    position:relative;
    font-family:'adelle-sans', sans-serif;
    font-size:22px;
    font-weight:700;
    color:#01326E;
    text-transform:uppercase;
    padding:0 0 12px;
}
.section-headline p:after {
    content:'';
    border-bottom:4px solid #01326E;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
}
.section-row {
    padding:24px 0;
}
.section-row.top {
    padding: 0 0 24px;
}
.section-row:before,
.section-row:after {
    content:'';
    display:table;
}
.section-row:after {
    clear:both;
}
.section-row.line {
    border-top:1px solid #D9E0E2;
}
.section-special {
    padding: 48px;
}
/********** wrapper-default to heading **********/
.wrapper-heading .section-origin {
}
.wrapper-heading .section-origin.wide {
    width:auto;
}
.wrapper-heading .section-origin .headline {
    font-size:32px;
    color:#00AAF2;
    padding:24px 0 12px;
    position:relative;
    display: inline-block;
}
.wrapper-heading .section-origin .headline:after {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    content:'';
    border-bottom:4px solid #00AAF2;
}
.wrapper-heading .section-origin .headline.small:after {
    width: 130px;
}
/* heading description */
.heading-description {
    padding:24px 0;
}
.wrapper-partnerdetail .heading-description {
    background: #FFF;
    padding: 48px 24px;
}
.heading-description h1 {
    font-size:44px;
    font-weight:700;
    color:#003070;
}
.heading-description .major {
    color:#7F7F7F;
    font-size:24px;
    font-weight:300;
    margin: 0 0 24px;
}
.heading-description p {
    font-size:18px;
    margin: 0 0 24px;
}
/*partnerlist*/
.heading-description p + .partner-list {
    margin: -24px 0 24px;
}
.heading-description .partner-list {
    margin: 0 0 24px;
}
.heading-description .partner-list li {
    font-size: 18px;
    list-style: outside disc;
    margin: 0 0 0 20px;
}
.partner-heading {
    margin: 0 0 -140px;
}
/********** sharing **********/
/* comment */
a.comment{
    color:#00aaf2;
    font-weight:300;
    font-size:15px;
    display:inline-block;
    cursor: pointer;
}
a.comment:before {
    color: #D9E0E2;
    text-decoration: none;
    padding: 0 6px 0 0;
    font-size: 16px;
}
a.comment:hover:before {
    text-decoration: none;
}
.highlight-article a.comment, 
.list-default a.comment, 
.search-list a.comment, 
.item-list a.comment {
    margin-left: 12px;
}
span.comment {
    color:#B0B0B0;
    font-weight:300;
    font-size:15px;
    display:inline-block;
    cursor: pointer;
}
/********** lists **********/
/* default list */
.list-default {
    font-weight:600;
    font-family:'adelle-sans', sans-serif;
    font-size: 18px;
}
.list-default li {
    padding:12px 0 12px 20px;
    position:relative;
}
.list-default li:before {
    content:'\203A';
    color:#00326C;
    font-weight:300;
    position:absolute;
    left:0;
    margin:-0.1em 0 0;
}
/* description list */
.list-description {
    font-weight:600;
    font-family:'adelle-sans', sans-serif;
}
.list-description li {
    padding:6px 0;
}
.list-description li span {
    display:block;
    font-size:15px;
    font-weight:400;
    color:#7F7F7F;
    position:relative;
    margin:-3px 0 0;
}
.list-description li span.category {
    font-weight:700;
    font-size:1em;
    display:inline;
    color:#454545;
    text-transform:uppercase;
    margin:0 6px 0 0;
}
.list-description:before, .list-description:after {
    content:'';
    display:table;
}
.list-description:after {
    clear:both;
}
.list-description.three li {
    float:left;
    width:33.33333333333333%;
    padding:6px 24px 12px 0;
}
.list-description h3 {
    font-size: 24px;
    color: #F87F00;
    font-weight: 700;
    margin: 0 0 24px 0;
    text-transform: uppercase;
    max-width: 60%
}
.list-description dl dt {
    font-size: 18px;
    color: #00326C;
    font-weight: 600;
}
.list-description dl dd {
    font-size: 15px;
    color: #808080;
    font-weight: 400;
    margin-bottom: 24px;
}
.list-description .more {
    font-size: 18px;
}
.list-description .more a {
    color: #00AAF2;
    font-weight: 700;
}
/* date list */
.list-date {
    position:relative;
    font-family:'adelle-sans', sans-serif;
    padding: 0 0 12px 0;
}
.list-date:before,
.list-date:after {
    content:'';
    display:table;
}
.list-date:after {
    clear:both;
}
.list-date dt {
    font-size:15px;
    color:#7F7F7F;
    position:absolute; 
    left:0; 
    width:5.5em;
    margin:-37px 0 0;
}
.list-date dd {
    font-weight:600;
    font-size: 18px;
    min-height:1em;
    margin:0 0 0 6em;
    padding: 12px 0;
}
span.category {
    font-family:'adelle-sans', sans-serif;
    text-transform:uppercase;
    color:#454545;
    font-weight: 700;
    margin:0 6px 0 0;
}
/********** slider **********/
.box-slider {
    position:relative;
    font-size:0;
}
.slider-view {
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
}
.box-slider .slides {
}
.box-slider .slide {
    font-size:18px;
    display:inline-block;
    vertical-align:top;
}
.slider-nav a {
    position:absolute;
    overflow:hidden;
    text-indent:-99em;
    display:block;
    top:50%;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}
.slider-nav .next {
    left:100%;
}
.slider-nav .prev {
    right:100%;
}
.slider-nav .disabled {
    display:none;
}
.slider-control {
    text-align:center;
    padding:24px 0 0;
    height:34px;
    margin: 0 0 24px;
}
.slider-control li {
    margin:0 6px;
    display:inline-block;
}
.slider-control li a {
    width:10px;
    height:10px;
    display:block;
    background:#00AAF2;
    cursor:pointer;
    text-indent:-99em;
    border-radius:50%;
}
.slider-paginate li a:hover, .slider-paginate li a.slider-active {
    background:#01326E;
}

/********** slider-news **********/
.slider-news {
    padding:24px 0;
}
.slider-news .slide {
    width:33.33333333333333%;
    font-size:16px;
    padding:0 0 24px;
}
.slider-news .slide > div {
    padding:0 24px;
    border-left:1px solid #D9E0E2;
    height:100%;
}
.slider-news .slide:first-child > div {
    border:none;
}
.slider-news figure {
    margin:0 0 12px;
    padding:0 0 75%;
    position:relative;
}
.slider-news figure img {
    max-height:100%;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
}
.slider-news h3 {
    font-size:24px;
    font-weight:700;
    padding:0 0 6px;
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.slider-news p {
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.slider-news p a {
    color: #262626;
}
.slider-news p a:hover {
    text-decoration: none;
}
.slider-news p a.comment {
    color: #00AAF2;
}
.slider-news p a.comment:hover {
    text-decoration: underline;
}
.slider-news .slider-nav a {
    width:41px;
    height:73px;
    margin:-20px 0 0;
}
.slider-news .slider-nav .prev-parent {
    background:url('') repeat-y 0 0;
    width:90px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.slider-news .slider-nav .prev {
    background-image:url('');
    left: 0;
    right: auto;
    margin-left: 12px;
}
.slider-news .slider-nav .next-parent {
    background:url('') repeat-y 0 0;
    width:90px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
}
.slider-news .slider-nav .next {
    background-image:url('');
    right:0;
    left:auto;
    margin-right:12px;
}

/********** slider-opinie **********/
.slider-feedback {
}
.slider-feedback .slide {
    width:25%;
    min-width:250px;
    font-size:16px;
}
.slider-feedback .slide > div {
    padding: 0 24px 140px;
    position:relative;
    border:1px solid #D9E0E2;
    border-left-width:0;
    height:100%;
    background: #FFF;
}
.slider-feedback .slide > div:before {
    color: #D9E0E2;
    font-size: 30px;
    padding: 12px 0 12px;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.slider-feedback h3 {
    font-size:20px;
    padding:0 0 6px;
}
.slider-feedback .author {
    position:absolute;
    max-height:150px;
    bottom:0;
    left:0;
    width:100%;
    overflow:hidden;
}
.slider-feedback .author:before {
    content:'';
    border-top:2px solid #00326d;
    position:absolute;
    top:0;
    left:24px;
    width:28px;
}
.slider-feedback .author figure {
    width:42%;
    float:right;
    max-height:130px;
    text-align:right;
}
.slider-feedback .author .text {
    font-size:15px;
    font-weight:300;
    color:#808080;
    position:absolute;
    width:58%;
    top:0;
    padding:12px 0 6px 24px;
    overflow:hidden;
    height:120px; /* just in case */
}
.slider-feedback p {
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.slider-feedback p a {
    color: #262626;
}
.slider-feedback p a:hover {
    text-decoration: none;
}
.slider-feedback p a.comment {
    color: #00AAF2;
}
.slider-feedback p a.comment:hover {
    text-decoration: underline;
}
.slider-feedback .author .name a{
    font-weight:700;
    color:#01326E;
}
.slider-feedback .slider-nav a {
    width:41px;
    height:73px;
    margin:-20px 0 0;
}
.slider-feedback .slider-nav .prev-parent {
    background:url('') repeat-y 0 0;
    width:90px;
    position:absolute;
    top:0;
    left:0;
    bottom:34px;
}
.slider-feedback .slider-nav .prev {
    background-image:url('');
    left:0;
    right:auto;
    margin-left:-12px;
}
.slider-feedback .slider-nav .next-parent {
    background:url('') repeat-y 0 0;
    width:90px;
    position:absolute;
    top:0;
    right:0;
    bottom:34px;
}
.slider-feedback .slider-nav .next {
    background-image:url('');
    right:0;
    left:auto;
    margin-right:-12px;
}
/********** slider partners **********/
.slider-partners {
    padding:24px 0;
}
.slider-partners.small .slide {
    width: 33.33333333%;
}
.slider-partners .slide {
    width:20%;
    font-family:'adelle-sans', sans-serif;
    font-size:16px;
    padding:0 0 24px;
}
.slider-partners .slide .partner-logo {
    padding:0 12px;
    height: 200px;
}
.slider-partners .slide .partner-logo + .partner-logo {
    margin: 24px 0 0 0;
}
.slider-partners figure {
    margin:0 0 12px;
    padding:0 0 40%;
    position:relative;
}
.slider-partners figure img {
    max-height:100%;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto 0;
}
.slider-partners a {
    color:#00aaf2;
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.slider-partners h4 {
    font-size:18px;
    padding:0 0 3px;
}
.slider-partners h4 a {
    color:#00326c;
}
.slider-partners .slider-control {
    margin-left: -146px; /*compensate for section-origin align so bullets will end up in center of page instead of slider*/
}
/********** slider sponsors **********/
.slider-sponsors {
    padding:18px 0 4px;
}
.slider-sponsors p {
    float:left;
    width:90px;
    font-family:'adelle-sans', sans-serif;
    font-size:14px;
    font-weight:700;
    color:#B0B0B0;
    padding:18px 0 0;
    white-space:nowrap;
    overflow:hidden;
}
.slider-sponsors .box-slider {
    margin:0 26px 0 116px;
}
.slider-sponsors .slide {
    text-align:center;
}
.slider-sponsors .slide > div {
    height:58px;
    width:132px;
    padding:12px 12px 12px 0;
}
.slider-sponsors .slide img {
    max-height:100%;
}
.slider-sponsors .slider-nav a {
    width:20px;
    height:34px;
    margin:-17px 0 0;
}
.slider-sponsors .slider-nav .prev {
    background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAiCAYAAABfqvm9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABh0RVh0Q3JlYXRpb24gVGltZQAyMy0xMC0yMDE09ECYgwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAGxSURBVEiJrda9SsNQFMDxfxt1cNA3CJEOgT6As+7qpAgKiuJQO4kIdnISrB/oZI0uWgUn0UEnH0TIIIa8gU4iHOvQm3JtNE1ye7ccwo/Dyc05p4Dh8YNwETgEzgHPMsRWgUtgBJgAPgsG2DrQ0EL7rmPXijmxjS7s2HXsGkBm0A/CGnCihTwR2YoeMoF+EO4Ae11YtVwaa0WB1DX0g7AObCdhqcCX17eCZVlHwGYvrCeosAZQSYMlgn4QWoAHrKXF/gUVdg0saOGmiKwkYX+CfhAOKWxeC98CS65jSxIWAxV2B0znwUC7h34QDgP3JlgnQ4U9AZMmGEDRD8LRfmEAA8AzMN4PDNo1fO+KfYjIdx4sAqeARy1WsSyr8fL6lqtXFl3H/gJmgYd+oEUAhc7Rrp8R2rmH6iMsATcm6K8G6zq2iMgy7aaQC4117HJprCUiVeA0D5r4QtounZihftQk02dIz0xT1UVNusThlAlU6DZQ74VmumN/bAsxNNNcdh37DKgCERCraa7/VW1c11pCnUxNlqVFoAlEG5wnItXcoEJnaM+gQRU6MAI1dBe4AK5+AEm56YKgHo1GAAAAAElFTkSuQmCC');
    right: auto;
    left: 0;
    background-color: #FFF;
}
.slider-sponsors .slider-nav .next {
    background-image:url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAiCAYAAABfqvm9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABh0RVh0Q3JlYXRpb24gVGltZQAyMy0xMC0yMDE09ECYgwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAGpSURBVEiJpda7SgQxGIbhd3W1EL2FELEICF6EYKlWi4WCaKGiWAiCB1AEq7WwUGQVBMFzsyoeWvEO7Kcb5iK2ELJaOCtxzGQn8evmZ3j4CDNJSlGc9AKzwBywpaR44h/pALaBQ2AIqEdxMv4vUGu9AZynz13AfRQnU6FgCSCKk07gAphM501gWklx7d0QQEmhgWngxphfRnGyGNSwFUtTgCUlxbFXw1YsTQFqUZxsBDVs03RTSVENAh1oVUmxGQQa6AMwZoz3lBS5S+AEU7QbqGfQmtZ6eXCg/9MbdKAnWuulLFoIdKBXwEz6dfiBDvSG779Ke4MO9BGYUFJ8eIMGegeMGuNnoBIEpmgP8AIMG+PXjpz320ZJ0QDeM+O+YDCKkyqwaozegJHQNawC6xlsVEnR8G5owZ5bGPh/hzasoqT4aA0KN7Rgt1mscEML9uvvMNO2oQU7zcPaghbsRGu9kIc5QQu2b9uussk7U7KYc5d2NrRgO0WxPw0tWKGTzgpasBUlxYEP9gNaMK/bgplyFCe7BtYE5pQUZyEYQBk4AjQwD6yF3LjMfAExeMPPkE1OFAAAAABJRU5ErkJggg==');
    margin-left:6px;
}

/********** boxes **********/
/*box-banner */
.box-banner {
    padding:0 0 12px;
    font-size:15px;
    color:#666;
}
.box-banner .headline {
    font-family:'adelle-sans', sans-serif;
    font-size:14px;
    font-weight:700;
    color:#B0B0B0;
    text-align:center;
    margin:12px 0;
    position:relative;
    text-transform:uppercase;
}
.box-banner .headline:before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    height:0;
    overflow:hidden;
    width:100%;
    border-top:1px solid #D9E0E2;
    z-index:1;
}
.box-banner .headline span {
    display:inline-block;
    background:#fff;
    padding:0 6px;
    position:relative;
    z-index:2;
}
.box-banner.up {
    margin:-48px 0 0;
}
.box-banner.up .headline:before {
    display:none;
}
.box-banner h4 {
    font-size:20px;
    font-weight:600;
    padding:0 0 12px;
}
.box-banner h4 > a {
    color:#00326c;
}
.box-banner h4 span {
    display:block;
    font-weight:400;
    font-size:16px;
}
.box-banner p {
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
    padding:0 0 12px;
}
.box-banner p a{
    color: #262626;
}
.box-banner p a:hover {
    text-decoration: none;
}
.box-banner figure {
    width:37%;
    max-width: 150px;
    float:left;
    padding:0.3em 12px 6px 0;
}
.box-banner .external {
    text-align:center;
    padding:0 0 12px;
}
.box-banner .except {
    padding:0 0 12px;
}
.box-banner .except a.event-subscribe {
    float:right;
    padding:9px 24px;
}
.box-banner .link {
    color:#00AAF2;
    font-weight:600;
    margin:10px 24px 9px 0;
    float:left;
}
.box-banner .pdf {
    padding:0 0 12px;
}
.box-banner .pdf > a {
    display:inline-block;
    font-weight:600;
    color:#F87F00;
}
.box-banner .pdf > a:before {
    font-size: 22px;
    padding: 0 12px 0 0;
}
/*box-contact*/
.box-contact {
    background: #F8F9FA;
    padding: 36px 24px;
    font-family:'adelle-sans', sans-serif;
}
.box-contact figure {
    margin: 0 0 24px;
}
.box-contact figure img {
    max-height: 90px;
}
.box-contact h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #01326E;
    padding:0 0 12px;
}
.box-contact p {
    margin: 0 0 24px;
}
.box-contact p.contact-name {
    font-weight: 700;
    margin: 0;
}
.box-contact a {
    color: #00AAF2;
}
.box-contact a.contact-partner:before {
    content: '\0203A';
}
/* box-members*/
.box-member {
    background: #FFF;
    z-index: 650;
    position: absolute;
    text-align: left;
    top: 100px; /*needs to be calculated by js*/
    left: 0;
    right: 0;
    width: 434px;
    margin: 0 auto;    
    border: 1px solid #454545;
    font-family:'adelle-sans', sans-serif;
}
.box-member.box-create {
    width: 800px;
}
.box-member .member-content {
    padding: 42px;
}
.box-member .button-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #D9E0E2;
    text-align: center;
    cursor: pointer;
}
.box-member .button-close:before {
    line-height: 40px;
}
.box-member h2 {
    font-size: 28px;
    font-weight: 700;
    color: #454545;
    margin: 0 0 6px;
}
.box-member p {
    color: #7F7F7F;
}
.box-member a.button-ok {
    display: inline-block;
    color: #FFF;
    font-weight: 700;
    background: #F87F00;
    border-radius:5px;
    cursor: pointer;
    padding: 12px 30px;
    float: right;
}
.box-member a.button-ok:hover {
    text-decoration: none;
    background: #D96C00;
}
.box-member .new-account {
    background: #EEF1F2;
    text-align: right;
    padding: 24px;
}
.box-member .form-column {
    width: 48%;
    float: left;
}
.box-member .form-column + .form-column {
    margin: 0 0 0 4%;
}

/********** aside aside **********/
.section-external {
    padding:80px 0 48px 24px;
}
.wrapper-partnerdetail .section-external {
    padding:140px 0 0;
}
.section-aside {
    padding:0 0 48px 24px;
}
.banners {
    padding-bottom:24px;
}
.section-external .box-banner {
    padding:0 0 24px;
}
.section-external .box-banner:first-child .headline {
    margin:-10px 0 12px;
}

/********** event aside **********/
.section-opinions h3 {
    font-family:'adelle-sans', sans-serif;
    font-size: 24px;
    color: #F87F00;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
}
.section-opinions .quote:before {
    color: #D9E0E2;
    font-size: 30px; 
    float: left;  
}
.quote + .quote {
    margin: 48px 0 0 0;
}
.quote .quote-text {
    font-weight: 600;
    font-size: 22px;
    color: #7F7F7F;
    line-height: 1.3;
    margin: 0 0 12px 48px;
}
.quote .author-name {
    font-size: 15px;
    font-weight: 700;
    color: #00326D;
    position: relative;
    padding: 12px 0 0;
    margin: 0 0 0 48px;
}
.quote .author-name:before {
    content:'';
    border-top:2px solid #00326d;
    position:absolute;
    top:0;
    left:0;
    width:28px;
}
.quote .author-title {
    font-size: 15px;
    font-weight: 300;
    color: #7F7F7F;
    margin: 0 0 12px 48px;
}

/********** article aside **********/
.article-side {
    background: #FFF;
    float: right;
    width:30.61224489795918%; /* width: 384px; */
    z-index: 320;
}
.article-side.fixed-side {
    margin:73px 0 0;
    position:fixed;
    top:0;
    bottom:0;
    left:100%;
}
.article-side .article-side-button {
    display: none;
}
.section-content {
    overflow-y:auto;
    padding:0 24px;
}
.section-content .more {
    height:60px;
    overflow:hidden;
    text-indent:-99em;
}
.section-content .more.loading {
    background:url('../images/loading.gif') no-repeat center;
}
.section-topic {
    border-left:1px solid #D9E0E2;
    padding:80px 0 0;
    font-family:'adelle-sans', sans-serif;
    /*transition: padding-top 0.5s ease;*/
}
.section-topic h3 {
    font-size:24px;
    font-weight:700;
    color:#454545;
    padding:12px 0;
    margin: 0 24px;
    text-transform:uppercase;
    border-top:4px solid #454545;
}
.section-topic ul {
    border-top:1px solid #D9E0E2;
    font-size:16px;
    font-weight:600;
}
.section-topic ul.next {
    border:none;
}
.section-topic li {
    border-bottom:1px solid #D9E0E2;
    padding: 12px 0;
    position:relative;
}
.section-topic li.current:before {
    content:'';
    position:absolute;
    height:100%;
    border-left:8px solid #F87F00;
    top:0;
    bottom:0;
    margin:0 0 0 -24px;
}
.section-topic li.current a {
    color:#F87F00;
}
.section-topic li span.category {
    font-weight:700;
    font-size:1em;
    display:inline;
    color:#454545;
    text-transform:uppercase;
    margin:0 6px 0 0;
}
.section-topic li a.comment {
    float:right;
    margin:0 0 0 6px;
    color: #B0B0B0;
}
.section-topic .box-banner .headline:before {
    display: none;
}
/********** highlight **********/
.highlight-column {
    float:left;
    width:64.1025641025641%; /* width:600px */
    padding:24px 24px 48px 0;
}
.highlight-column.wide {
    float: none;
    width: 100%;
}
.highlight-side {
    float:right;
    width:35.8974358974359%; /* width:336px */
    padding: 0 0 24px 24px;
    position: relative;
}
.highlight-side:before {
    content: '';
    border-left:1px solid #D9E0E2;
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 0;
}
.highlight-side.major:before {
    display: none;
}
.highlight-side .box-banner:first-child {
    margin: -11.5px 0 0 0;
}
.highlight-side .box-banner:first-child  .headline {
    margin: 0 0 24px 0;
}
.highlight-side .box-banner:first-child  .headline:before {
    display:none;
}
.highlight-article {
    padding: 24px 0 24px 0;
    border-bottom: 1px solid #D9E0E2 ;
}
.highlight-article figure {
    width:40%;
    float:left;
    padding:.3em 48px 0 0;
}
.highlight-article figure img {
    width:100%;
}
.highlight-article .text {
    width:60%;
    float:left;
}
.highlight-article h2 {
    font-size:32px;
    font-weight:700;
    padding:0 0 12px;
}
.highlight-article.major h2 {
    font-size: 38px;
}
.highlight-article h3 {
    font-size:32px;
    font-weight:700;
    padding:0 0 12px;
}
.highlight-article p {
    padding:0 0 12px;
}
.highlight-article.major p{
    font-size:18px;
    padding:0;
    color:#262626;
}
.highlight-article p a,
.highlight-article.major p a {
    color:#262626;
}
.highlight-article p a:hover {
    text-decoration: none;
}
.highlight-article p a.comment:hover,
.highlight-article p.more a:hover {
    text-decoration: underline;
}
.highlight-article p a.comment {
    color: #7F7F7F;
    font-family:'adelle-sans', sans-serif;
}
.highlight-article.major p a.comment {
    color: #00AAF2;
    font-family:'adelle', sans-serif;

}
.highlight-article .date {
    font-family:'adelle-sans', sans-serif;
    font-size:15px;
    color:#7F7F7F;
    margin:0 12px 0 0;
}
.highlight-article .except {
    font-family:'adelle-sans', sans-serif;
    font-size:15px;
    color:#7F7F7F;
    padding:0;
}
.highlight-article p.more {
    font-family:'adelle-sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
/********** article **********/
.wrapper-article {
    border-top:1px solid #D9E0E2;
    padding:24px 0 0;
}
.wrapper-article h1 {
     font-size:44px;
     color:#003070;
     font-weight:700;
}
.wrapper-lf-wide.article .wrapper-heading {
    border-top: 7px solid #00AAF2;
}
.wrapper-lf-wide.article .wrapper-heading:first-child {
    border-top: none;
}
.wrapper-lf-wide.article .wrapper-heading .section-origin .headline {
    font-size: 28px;
}
.wrapper-lf-wide.article .wrapper-heading .section-origin .headline:after {
    display: none;
}
/* content */
.article-content {
    font-size:18px;
    padding:12px 0 24px;
}
.article-content h2 {
    font-size:26px;
    color:#003070;
    padding:12px 0 6px;
}
.article-content p {
    padding:0 0 12px;
}
.article-content a {
    color:#00A9F6;
}
.wrapper-article a.comment:before {
    color:#00aaf2;
}
.article-content .pic {
    padding:0 0 12px;
}
.article-content .pic img {
    width:100%;
}
.article-content .pic figcaption {
    display:block;
    font-size:15px;
    padding:6px 0;
    border-bottom:1px solid #D9E0E2;
}
/* keywords */
.article-keywords {
    font-size:15px;
    padding:0 0 12px;
}
.article-keywords dt, .article-keywords dd {
    display:inline-block;
}
.article-keywords a {
    color:#00AAF2;
}
/*share*/
p.event-share {
    font-size: 15px;
    margin: 0 0 12px 0;
}
.article-share {
    padding:0 0 12px;
}
.article-share li {
    float:left;
    padding:0 2px 0 0;
    text-align:center;
}
.article-share li .icon {
    display:block;
    width:76px;
    height:45px;
}
.article-share li .icon span {
    overflow: hidden;
    text-indent: -99em;
    display: inline-block;
}
.article-share li .count {
    display:block;
    color:#454545;
    font-size:16px;
    font-family:'adelle-sans', sans-serif;
    padding:6px 0;
}
.article-share li.twitter .icon {
    background:#00A9F6;
}
.article-share li.linkedin .icon {
     background:#2D649D;
 }
.article-share li.facebook .icon {
    background:#4561C2;
}
.article-share li.more .icon {
    background:#D9E0E2;
    text-align: center;
}
.article-share li.twitter .icon:before,
.article-share li.linkedin .icon:before,
.article-share li.facebook .icon:before,
.article-share li.more .icon:before {
    font-size: 30px;
    color: #FFF;
    line-height: 45px;
}

/*article-comment*/
.article-comment {
    border-top:1px solid #E9E9E9;
    padding:24px 0 0;
    font-family:'adelle-sans', sans-serif;
}
.article-comment h3 {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 24px;
}
.article-comment h3 a {
    color:#454545;
}
.article-comment h3 a:before {
    padding:0 12px 0 0;

}
.article-comment textarea {
    font-family:'adelle-sans', sans-serif;
    font-size:18px;
    color:#454545;
    width:100%;
    padding:12px;
    border:1px solid #EBEBEB;
    border-radius:4px;
    box-shadow:0 1px 2px #EBEBEB inset;
    background:#FFF;
    margin:0 0 12px;
    resize:vertical;
}
.article-comment button {
    font-family:'adelle-sans', sans-serif;
    font-size: 20px;
    color:#FFF;
    font-weight:700;
    padding:12px 12px 12px 24px;
    background: #F87F00;
    border-radius:5px;
    position: relative;
    cursor: pointer;
    float: right;
    display:none;
    margin:0 0 12px;
}
.article-comment button:after {
   margin:0 0 0 12px;
}
.article-comment .user-comment {
    clear: both;
    border-top: 1px solid #E9E9E9;
}
.article-comment .user-comment p {
    color: #7F7F7F;
}
.article-comment .user-comment .user-name {
    font-size: 18px;
    font-weight: bold;
    color: #454545;
    display: inline-block;
    margin: 0 0 12px;
}
.article-comment .user-comment .comment-date {
    font-size: 13px;
    display: inline-block;
    margin: 0 0 12px 12px;
}
/* banner */
.article-content .box-banner {
    float:left;
    clear:left;
    width:300px;
    position:relative;
    left:-24px;
    border-bottom:1px solid #d9e0e2;
    margin: 0 0 12px -170px;
}
.article-content .box-banner p {
    padding:0 0 12px;
}


/********** search **********/

.search-input {}
.search-results {
    border-bottom:1px solid #D9E0E2;
    color:#7F7F7F;
    overflow:hidden;
    padding:12px 0 24px;
    font-family:'adelle-sans', sans-serif;
}
.searchresult-count {
    float:left;
    font-size:18px;
    font-weight:400;
    padding:2px 0 0;
}
.search-filters {
    float:right;
    font-size:14px;
}
.search-filter { 
    display:inline-block;
}
.search-filters label {
    margin:0 12px;
    font-weight:400;
}
.search-filters select {
    font-family:'adelle-sans', sans-serif;
    font-weight: 700;
    width: 120px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #D9E0E2;
    background: transparent;
    cursor: pointer;
}
.wrapper-lf-wide .search-filters select[name="filter"]{
    margin-right: 24px;
}

/* searchlist */
.wrapper-lf-wide .search-list {
    padding:0 0 24px;
}
.search-list article {
    padding:24px 0;
    font-family:'adelle', sans-serif;
}
.search-list h2 {
    font-size:24px;
    font-weight:700;
    padding:0 0 12px;
}
.more-results .search-list h2 {
    font-size: 20px;
}
.search-list h2 a {
    color:#00326C;
}
.search-list span.category {
    font-family:'adelle-sans', sans-serif;
    text-transform:uppercase;
    color:#454545;
}
.search-list p {
    padding:0 0 12px;
    font-size:16px;
    font-weight: 400;
}
.search-list p a {
    color: #262626;
}
.search-list p a:hover {
    text-decoration: none;
}
.more-results .search-list p {
    padding: 0 0 6px;
}
.search-list .date {
    color: #7F7F7F;
    padding:0;

}.search-list .comment {
    color: #7F7F7F;
}
.search-list span.searchterm {
    font-weight:700;
}
.search-list ul li {
    display:inline-block;
    float: none;
}
.search-list ul.source li a {
    font-size:15px;
    font-weight:600;
    color:#00AAF2;
    display:inline;
}
.search-list ul.source li:before {
    content:'\0203A';
    color:#00AAF2;
    padding:0 3px;
    display:inline-block;
}
.search-list ul.source li:first-child:before {
    display:none;
}

/*********** item/article lists **********/
.item-list article {
    border-bottom: 1px solid #D9E0E2;
    overflow: hidden;
    padding:24px 0;
}
.blog-list article {
    border: none;
    padding:0 0 24px;
}
.item-list article figure {
    float: left;
    width: 18%;    
    padding: 0 24px 0 0;
}
.item-list article figure img {
    max-width: none;
    width: 100%;
}
.blog-list article figure {
    width: 20%;
    margin:6px 0 0;
}
.item-list article .text {
    display:table; 
    height:1%;
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
}
.item-list h2 {
    font-size: 24px;
    margin-bottom: 6px;
}
.item-list h2 a {
    font-weight: 700;
    color: #00326C;
}
.item-list h2 a.comment {
    color:#00aaf2;
    font-weight:300;
}
.item-list p {
    font-size: 16px;
    margin: 0 0 6px 0;
}
.item-list p a {
    color: #262626;
}
.item-list p a:hover {
    text-decoration: none;
}
.item-list p.more {
    font-size: 16px;
    line-height: 1.8;
}
.item-list p.more a {
    font-weight: 600;
    color: #00AAF2;
}
.blog-list ul li{
    font-size: 15px;
    display: inline-block;
}
.blog-list ul li.author-name {
    padding: 0 6px 0 0;
}
.blog-list ul li.author-name a {
    font-weight: 700;
    color: #00AAF2;
}
.blog-list ul li.author-title {
    font-weight: 300;
    color: #7F7F7F;
}
/*more-button*/
a.more-results {
    display: inline-block;
    font-family:'adelle-sans', sans-serif;
    font-size:18px;
    color:#00AAF2;
    font-weight: 400;
    padding:9px 10%;
    background:#F8F9FA;
    border:1px solid #D9E0E2;
    border-radius:5px;
    margin:0  25% 12px;
    cursor:pointer;
}
a.more-results:hover {
    text-decoration: none;
    color: #00326C;
}
a.more-results.left {
    margin: 0 0 24px;
    padding: 9px 96px;
}
.blog-list a.more-results.left {
    margin:0 0 24px;
}
a.more-results.more-magazines.left {
    margin: 0 0 48px 18%;
}

/*********** events **********/
.event-info li {
    font-weight: 300;
    color: #454545;
}
.event-info li span {
    display: block;
}
.event-info li.event-date {
    font-size: 22px;
    font-weight: bold;
}
.event-description.intro .event-info {
    width: 45%;
    margin: 12px 0;
}
.event-description.intro .event-info li,
.event-related .event-info li {
    width: 50%;
    float: left;
}
.event-related .event-info {
    width: 80%;
}

/*event-movie*/
.event-movie {
    float: right;
    width: 35%;
}
.embedded {
    position:relative;
    padding:25px 0 56.25%; /* 16:9 */
    height:0;
}
.embedded iframe,
.embedded video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.event-detail .event-description p.video-caption {
    width: 100%;
    border-bottom:1px solid #D9E0E2;
    font-weight: 300;
    font-size: 15px;
    padding: 18px 0 12px;
}
.event-detail .event-description p.video-caption a {
    color: #00AAF2;
}
/*event-description*/
.event-description {
    width: 70%;
    float: left;
    padding: 0 24px 0 0;
}
.event-description.intro {
    width: 100%;
    float: none;
    padding: 0;
}
.event-text {
    float: left;
    width: 65%;
    padding: 0 80px 24px 0;
}
.event-description.wide {
    width: 94%;
    float: none;
    padding: 0;
}
.event-description h1 {
    font-size: 44px;
    color: #003070;
    font-weight: 700;
}
.event-description h2 {
    font-size: 24px;
    font-weight: 700;
}
.event-description.wide h2 {
    font-size: 26px;
    font-weight: 600;
    color: #00326C;
    padding: 0 0 24px 0;
}
.event-description p a {
    color: #262626;
}
.event-description p a:hover {
    text-decoration: none;
}
.event-detail .event-description p {
    font-size: 18px;
    padding: 0 0 24px 0;
}
/*event-registration*/
.event-registration {
    width: 30%;
    float: left;
    font-size: 16px;
    text-align: right;
    margin-top: 24px;
}
.event-detail .event-registration {
    float: left;
    width: auto;
    text-align: left;
}
.box-route .event-registration {
    float: none;
}
.box-route .event-registration,
#inschrijven .event-registration {
    text-align: center;
}
#inschrijven .event-registration {
    margin: 48px 0 0 0;
}
.event-registration li {
    margin: 0 0 6px 0;
}
.event-description .event-registration li {
    float: left;
}
.event-subscribe a, 
a.event-subscribe {
    display: inline-block;
    font-weight: 600;
    color: #FFF;
    background: #F87F00;
    padding: 12px 24px;
    border-radius:5px;
    font-size: 16px;
}
.event-subscribe a:hover, 
a.event-subscribe:hover {
    text-decoration: none;
    background: #D96C00;
}
.event-subscribe.big a {
    font-family:'adelle-sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding: 12px 48px;
    position: relative;
}
.event-subscribe.big a:after {
    font-size: 30px;
    float: right;
    padding: 0 0 0 24px;
}
.event-available {
    font-weight: 300;
    color: #7F7F7F;
}
.event-description .event-available {
    margin: 0 0 0 24px;
    padding:12px 0;
    line-height: 2.4;
}
li.event-agenda {
    margin: 24px 0 6px 0;
}
.event-agenda a {
    font-weight: 600;
    color: #F87F00;
    display: inline-block;
}
.event-agenda a:before {
    font-size: 28px;
    padding: 0 12px 0 0;
    display: block;
    float: left;
    line-height: 1;
}
.event-more a {
    color: #00AAF2;
}

/*box-route*/
.box-route {
    background: #F8F9FA;
    padding: 24px;
    border-bottom: 3px solid #D9E0E2;
    border-top: 3px solid #D9E0E2;
    margin: 0 0 48px 0;
}
.description-route h3 {
    font-family:'adelle-sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #00326C;
    margin: 0 0 12px 0;
}
.description-route  dl {
    margin: 0 0 12px 0;
    font-family:'adelle-sans', sans-serif;
}
.description-route  dt, .description-route  dd {
    padding: 12px 0;
}
.description-route  dt {
    font-weight: 700;
    clear: left;
    width: 6em;
    float: left;
}
.description-route  dd {
    display:table; 
    height:1%;
}
span.costs {
    font-weight: 700;
}
span.costs-include {
    display: block;
    color: #666666;
}
.box-route figure {
    width: 100%;
}

/*event-menu*/
#eventmenu.scrolled {
    position: fixed;
    top:73px;
    z-index: 200;
}
.event-menu {
    width: 100%;
    background: #F8F9FA;
    border: 1px solid #D9E0E2;
    box-shadow:0 0 2px #D9E0E2;
}
.event-menu li {
    float: left;
    height: 100%;
}
.event-menu li + li {
    margin: 0 0 0 48px;
}
.event-menu li a {
    display: block;
    padding:18px 0;
    font-size: 18px;
    font-weight: 700;
    font-family:'adelle-sans', sans-serif;
    text-transform: uppercase;
    color: #454545;
    position: relative;
}
.event-menu li a.active {
    color: #F87F00;
}
.event-menu li a.active:after {
    content:'';
    border-bottom:4px solid #F87F00;
    position:absolute;
    left:0;
    right: 0;
    bottom:0;
}
/*event-program*/
.event-program {
    font-size: 18px;
}
.event-program dt, .event-program dd {
    padding: 12px 0;
}
.event-program dt {
    clear: left;
    width: 4em;
    float: left;
}
.event-program dd {
    display:table; 
    height:1%;
    margin-right: 12px;
}
/*event-speakers*/
.event-speakers {
    margin: 24px 0;
}
.event-speakers li {
    width: 22%;
    float: left;
}
.event-speakers li + li {
    margin-left: 4%;
}
.event-speakers figure {
    width: 55%;
    margin-bottom: 12px;
}
.event-speakers .author-name {
    font-weight: 700;
    color: #01326E;
}
.event-speakers p {
    font-weight: 300;
    margin-bottom: 12px;
}
/*event-sponsors*/
.event-sponsors {}
.event-sponsors li {
    float: left;
    width: 16.66666666%;
    text-align: center;
    height: 66px;
    display: table;
}
.event-sponsors li a {
    display: inline-block;
}
.event-sponsors figure {
    display: table-cell;
    vertical-align: middle;
}
.event-sponsors img {
    height: 100%;
    max-height: none;
}
/*event-inschrijven*/
.event-detail#inschrijven .wrapper-row {
    background: #F8F9FA;
    margin-top: 24px;
}
#inschrijven .description-route {
    width: 65%;
    float: left;
} 
#inschrijven .event-registration {
    width: 35%;
    float: right;
}
.description-route .event-column {
    width: 40%;
    margin: 0 5% 0 0;
    float: left;
}
.event-detail#inschrijven .event-map,
.event-detail#inschrijven .event-agenda,
.event-detail.social { 
    display: none;
}

/*even-related*/
.events-related {
    padding: 0 0 0 48px;
}
.event-related {
    float: left;
    width: 46%;
    margin: 0 2% 48px 2%;
}
.event-related h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    color: #00326C;
    margin: 0 0 12px 0;
}
/*event-live*/
.event-live {
    position: relative;
}
.event-live-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.event-live figure {
    width: 100%;
    max-height: 540px;
    overflow: hidden;
    position: relative; 
}
.event-live figure img {
    width: 100%;
    max-width: none;
}
.event-live .image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background:linear-gradient(to bottom, rgba(2, 2, 2, 0), rgba(2, 2, 2, 0.5));
}
.event-live .event-live-description {
    position: absolute;
    top: 37%;
    left: 0;
    color: #FFF;
    text-align: left;
}
.event-live-description h1 {
    color: #FFF;
    font-weight: 700;
    font-size: 60px;
    line-height: 1.2;
    text-shadow: 2px 2px 2px #000;
}
.event-live-description p.event-current {
    color: #FFF;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    font-family:'adelle-sans', sans-serif;
    background: #00A9F6;
    display: inline-block;
    padding: 6px 12px;
    margin: 0 0 3px 0;
    line-height: 24px;
}
.event-live-description a.event-tag {
    color: #FFF;
    font-size: 33px;
    font-weight: 400;
    line-height: 1.2;
}
.event-live-more {
    position: absolute;
    left: 0;
    bottom: 12%;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
}
.event-live-more:after{
    font-size: 24px;
    display: block;
    float: right;
    line-height: 28px;
}
/*event-subscribe*/
.subscribe-event {
    background: #FFF;
}
.subscribe-progress ol {
    border-bottom: 1px solid #D9E0E2;
    border-top: 1px solid #D9E0E2;
    border-right: 1px solid #D9E0E2;
}
.subscribe-progress ol li {
    float: left;
    font-family:'adelle-sans', sans-serif;
    background: #FFFFFF;
    height: 100%;
    border-left: 1px solid #D9E0E2;
    border-right: 1px solid #D9E0E2;
    position: relative;
    width: auto;
}
.subscribe-progress ol li:last-child {
    border-right: none;
}
.subscribe-progress ol li a {
    display: block;
    font-weight: 600;
    padding: 18px 2px 18px 40px;
    position: relative;
}
.subscribe-progress ol li.active {
    background: #00AAF2;
}
.subscribe-progress ol li.active a {
    color: #FFF;
}
.subscribe-progress ol li.active a span.progress-number {
    background: #FFF;
    color: #00AAF2;   
}
.subscribe-progress ol li a span.progress-number {
    margin-right: 0.5em;
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.subscribe-progress ol li#step1:after,
.subscribe-progress ol li#step2:after,
.subscribe-progress ol li#step3:after {
    content: "";
    width:0;
    height:0;
    position: absolute;
    top: 0;
    right: 1px;
    margin: 0 -30px 0 0;
    border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
    border-left: 31px solid #FFF;
    z-index: 30;
}
.subscribe-progress ol li#step1.active:after,
.subscribe-progress ol li#step2.active:after,
.subscribe-progress ol li#step3.active:after {
    border-left: 30px solid #00AAF2;
}
.subscribe-progress ol li#step2:before,
.subscribe-progress ol li#step3:before,
.subscribe-progress ol li#step4:before {
    content: "";
    width:0;
    height:0;
    position: absolute;
    top: 0;
    left: -1px;
    border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
    border-left: 30px solid #D9E0E2;
    z-index: 20;
}
/********** form **********/
.subscribe-form {
    font-family:'adelle-sans', sans-serif;
    padding: 60px 24px;
}
.member-form {
    font-family:'adelle-sans', sans-serif;
    
}
.subscribe-form fieldset {
    margin: 0 0 48px 0;
}
.subscribe-form legend {
    font-family:'adelle', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #003070;
    margin: 0 0 24px 0;
}
.subscribe-form .form-section {
    margin: 0 0 24px;
}
.member-form .form-section {
    margin: 0 0 12px;
}
.member-form .form-section:last-of-type {
    margin: 0 0 24px;
}
.member-form .form-section:first-of-type{
    margin: 18px 0 12px;
}
.form-section .name {
    float: left;
}
.form-section .name.small {
    width: 150px;
}
.form-section .name.wide {
    width: 300px;
}
.form-section .name input {
    width: 90%;
}
.subscribe-form label {
    font-size: 16px;
}
.member-form.login-form label,
.member-form.login-form label.label-title {
    display: none;
}
.subscribe-form .form-section.radio label {
    margin: 0 24px 0 0;
}
.subscribe-form label.label-title,
.member-form label.label-title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #454545;
    margin: 0 0 12px 0;
}
.form-section.checkbox label.label-title {
    display: inline;
    font-weight: 400;
    color: #7F7F7F;
    font-size: 16px;
}
.subscribe-form input,
.member-form input {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    box-shadow:0 1px 2px #EBEBEB inset;
    background: #FFF;
    padding: 12px;
    font-family:'adelle-sans', sans-serif;
}
.subscribe-form input {
    font-size: 16px;
    width: 42%;
}
.member-form input {
    font-size: 18px;
    width: 100%;
}
.form-section.checkbox input {
    margin: 0 6px 0 0;
    width: auto;
}
.box-member.box-create .form-section.checkbox {
    width: 84%;
}
.subscribe-form input[type="radio"] {
    margin: 0 6px 0 0;
    padding: 0;
    width: auto;
    background: #F8F8F8;
}
.subscribe-form button,
.member-form button {
    font-family:'adelle-sans', sans-serif;
    color: #FFF;
    font-weight: 700;
    background: #F87F00;
    border-radius:5px;
    position: relative;
    cursor: pointer;
}
.subscribe-form button:hover,
.member-form button:hover {  
    text-decoration: none;
    background: #D96C00;
}
.subscribe-form button {
    width: 42%;
    font-size: 24px;
    padding: 12px 48px;
}
.member-form button {
    width: 46%;
    font-size: 20px;
    padding: 12px 24px;
    float: right;
    display: block;
}
.box-create .member-form button {
    width: auto;
    padding: 12px 48px 12px 24px;
}
.member-form .reset-password {
    width: 50%;
    float: left;
    padding: 12px 0;
}
.subscribe-form button:after,
.member-form button:after {
    padding: 0 0 0 24px;
    font-size: 20px;
}
.subscribe-form input:invalid,
.member-form input:invalid,
.subscribe-form input.invalid,
.member-form input.invalid {
    border: 2px solid #FF0000;
}

.subscribe-form input:invalid + span.error-message,
.member-form input:invalid + span.error-message,
.subscribe-form input.invalid + span.error-message,
.member-form input.invalid + span.error-message {
    display: block;
} 
form.invalid span.error-block{
    display: block;
}
span.error-message {
    display: none;
    color: #FF0000;
    padding: 6px 0 6px;
}
span.error-message:before {
    padding: 0 12px 0 0;
}
span.error-message.error-block {
    background-color: #FFFDED;
    background-position: 12px 12px;
    padding: 6px 0 6px 36px;
    border: 1px solid #F8CC91;
    border-radius:5px;
    margin: 12px 0;
}
/*subscribe-aside*/
.subscribe-aside .box-route {
    padding: 60px 24px;
}
.event-contact {
    padding: 0 24px 60px;
    font-family:'adelle-sans', sans-serif;
}
.event-contact h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 24px 0;
}
.event-contact ul li {
    padding: 0 0 12px 0;
}
.event-contact .phone a{
    font-weight: 700;
    color: #00AAF2;
    display: inline-block;
}
.event-contact .mail a {
    display: inline-block;
}
.event-contact .mail a:before,
.event-contact .phone a:before {
    color: #808080;
    font-size: 22px;
    padding:0 24px 0 0;
    display: block;
    float: left;
    line-height: 1.4;
}
.media-indicator {
    position:absolute;
    top:-999em;
    left:-999em;
}
.media-indicator:before {
    content:'desktop';
}
/******** MEDIA QUERIES *******/

@media only screen {
    body {
        min-width:0;
    }
    .wrapper-row, .wrapper-row-wide {
        width:auto;
        max-width:1176px;
        padding: 0;
    }
    .wrapper-header {
        position: fixed;
        top: 0;
        width: 100%;
    }
    .wrapper-header + * {
        padding-top: 73px;
    }
}
@media screen and (max-width:1224px) {
    .wrapper-row, .wrapper-row-wide {
        margin:0 24px;
    }
    .wrapper-row .wrapper-row {
        margin:0;
    }
}
@media screen and (max-width: 1180px) {
     /********** nav **********/
    .wrapper-header {
        position: static;
    }
    .wrapper-header + * {
        padding-top: 0;
    }
    .nav-pg {
        position:absolute;
        top:100%;
        left:0;
        right:0;
        width:auto;
        background:#0060A5;
        margin:0 -48px;
        line-height:1.4;
        display:none;
    }
    .nav-pg.show {
        display:block;
        padding: 0 0 24px;
    }
    .nav-pg li {
        float:none;
    }
    .nav-pg .main:after,
    .nav-pg .extra a.button-more,
    .nav-pg .search a.button-search,
    .nav-pg .search .more-results,
    .nav-pg .icons .button-mail,
    .nav-pg .icons .button-feed,
    .nav-pg .icons .button-twitter,
    .nav-pg .icons .button-social,
    .nav-pg .box-members,
    .nav-pg .members:after,
    .nav-pg li.current a:after {
        display:none;
    }
    .nav-pg .main,
    .nav-pg .extra,
    .nav-pg .icons .list-social,
    .nav-pg .members {
        width:33.33333333333333%;
        padding:24px 0 0 24px;
        float: left;
        margin: 0;
    }
    .nav-pg .box-more,
    .nav-pg .box-search,
    .nav-pg .members.loggedin .box-members {
        display:block;
        position:relative;
        width:auto;
        padding:0;
        top:auto;
        right:auto;
    }
    .nav-pg .icons li ul li {
        display: block;
    }
    .nav-pg .icons,
    .nav-pg li.socialmore {
        float: none;
    }
    .nav-pg #socialmenu.box-more,
    .nav-pg #moremenu.box-more {
        width: auto;
    }
    .nav-pg .extra {
        padding:24px 24px 0;
    }
    .nav-pg .members {
        padding: 24px 48px 0 24px;
    }
    .nav-pg .main li {
        border-bottom:1px solid #008FD6;
    }
    .nav-pg .main li:last-child,
    .nav-pg ul.list-organisation li:last-child {
        border:0;
    }
    .nav-pg .main a,
    .nav-pg .list-organisation a {
        padding:14px 0;
    }
    .nav-pg .list-social a {
        padding-bottom: 12px;
        padding-top: 6px;
    }
     .nav-pg .members.loggedin .box-members {
        display: block;
    }
     .nav-pg .members.loggedin a.button-members {
        display: none;
    }
    .nav-pg .members a.button-members {
        background-position:0 center;
        text-indent: 0;
        text-align: left;
        padding: 6px 0 12px 48px;
        text-transform: none;
        width: auto;
        font-size: 18px;
        font-weight: 400;
    }
    .nav-pg ul.list-organisation {
        float: none;
        padding:0;
    }
    .nav-pg ul.list-social,
    .nav-pg .box-members ul {
        padding: 0;
    }
    .nav-pg .search {
        float:none;
        border:0;
        margin:0;
        clear:both;
    }
    .nav-pg .box-search {
        background:#005599;
        padding: 12px 24px;
    }
    .box-search fieldset {
        padding:24px;
    }
    .button-nav-pg {
        display:block;
        position:relative;
        z-index:321;
        float:right;
        font-size:24px;
        font-family:'adelle-sans', sans-serif;
        font-weight:700;
        text-transform:uppercase;
        line-height:73px;
        margin:0 -48px 0 0;
        padding:0 24px;
    }
    .button-nav-pg:after {
        font-size: 26px;
        margin:0 0 0 24px;
        line-height:73px;
    }
    .button-nav-pg span { 
        display: inline-block;
    }
    .button-nav-pg:hover {
        text-decoration:none;
    }
    .button-nav-pg.open {
        background:#0060a5;
    }
    .button-nav-pg.open:after {
    }
    /********** sections **********/
    .wrapper-row, .wrapper-row-wide {
        margin:0 48px;
    }
    /********** sections **********/
    .section-origin {
        width: auto;
        float: none;
    }
    .wrapper-heading .section-origin {
        float: left;
        width: 20%; /* width: 146px; */
    }
    .wrapper-heading .section-origin.origin-back {
        width:auto;
        float:none;
    }
    .section-origin .date {
        margin:0 0 12px;
    }
    .section-origin .date span {
        display: inline;
    }
    .section-view {
        width:auto;
        margin:0;
    }
    .wrapper-heading .section-view {
        width: 80%;
        float: left;
        padding:0 0 0 24px;
    }
    .slider-sponsors .box-slider {
        margin:0 26px 0 24px;
    }

    /********** highlight **********/
    .section-row .highlight-article {
        width: 100%;
        padding: 0; 
    }
    
    /********** events **********/
    #eventmenu.scrolled {
        top: 0;
    }
    .wrapper-event .section-view .section-row:first-child {
        padding: 0 0 24px;
    }
    .wrapper-event .section-origin .section-row:first-child {
        padding: 24px 0 12px;
    }
    .wrapper-event .event-info {
        width: 80%;
    }
    .wrapper-event .section-origin {
        border-top: 1px solid #D9E0E2;
    }
    .wrapper-heading + .wrapper-event .section-origin {
        border-top: none;
    }
    .event-description.intro .event-info {
        width: 60%;
    }
    .event-info li {
        width: 50%;
        float: left;
        line-height: 32px;
    }
    .event-info li span {
        display: inline;
    }
    .event-detail .wrapper-rt-wide {
        display: none;
    }
    .event-detail .wrapper-lf-wide {
        width: 100%;
    }
    .event-detail#inschrijven .event-map,
    .event-detail#inschrijven .event-agenda,
    .event-detail.social { 
        display: block;
    }
    .event-map {
        width: 30%;
        float: right;
        text-align: right;
        margin: 60px 0 0;
    }
    .event-map .map {
        text-align: center;
    }
    .event-map .map img {
        width: 100%;
        max-width: none;
    }
    #inschrijven .event-registration {
        width: 100%;
        float: left;
    }
    #inschrijven .description-route {
        width: 70%;
        float: left; 
    }
    #inschrijven .event-registration {
        clear: left;
        text-align: left;
    }
    #inschrijven .event-registration .event-available {
        padding: 12px 0 0 32px;
    }

    #inschrijven .event-registration .event-agenda {
        text-align: right;
    }
    .event-registration .event-column {
        width: 50%;
        margin: 0;
        float: left;
    }
    .events-related {
        padding: 0;
    }
    .event-related {
        margin: 0px 0 48px;
    } 
    .subscribe-progress ol li a {
        padding: 18px 2px 18px 32px;    
    }   
    /********** slider **********/
    .slider-partners .slider-control {
        margin-left:0;
    }
    .slider-sponsors .slider-nav .prev {
        left: 60px;
    }
    /********** box-banner **********/
    .box-banner figure {
        padding:0.3em 12px 12px 0;    
    }
    /********** article **********/
    .wrapper-lf-wide.article {
        width: auto;
        float: none;
    }
    .wrapper-lf-wide.article .section-origin,
    .wrapper-lf-wide.article .wrapper-article .section-origin {
        float: left;
        width: 180px;
    }
    .wrapper-lf-wide.article .wrapper-heading .section-origin {
        float: left;
        width: 20%;
    }
    .wrapper-lf-wide.article .section-view,
    .wrapper-lf-wide.article .wrapper-article .section-view {
        padding:0 0 0 204px;
    }
    .wrapper-lf-wide.article .wrapper-heading .section-view {
        width: 80%;
        float: left;
        padding:0 0 0 24px;
        margin: 0;
    }
    .wrapper-lf-wide.article.wrapper-article .section-origin {
        float: left;
        width: 180px;
    }
   .wrapper-lf-wide.article .wrapper-article .section-view {
        padding:0 0 0 204px;
        margin: 0;
    }
    .article-side {
        float:none;
        width:auto;
    }
    .article-side .article-side-button:hover {
        text-decoration:none;
    }
    .article-side.fixed-side {
        margin:0;
        border-left:8px solid #01326E;
    }
    .article-side.fixed-side .article-side-button {
        display:block;
        font-family:'adelle-sans', sans-serif;
        font-size:15px;
        font-weight:700;
        color:#FFF;
        background:#01326E;
        padding:2px 12px;
        text-transform:uppercase;
        position:absolute;
        top:400px;
        left:-32px;
        line-height:24px;
        -webkit-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        transform:rotate(270deg);
        -webkit-transform-origin:0 0;
        -ms-transform-origin:0 0;
        transform-origin:0 0;
        z-index:340;
        white-space:nowrap;
    }
    .section-topic {
        border-left: none;
    }
    .section-topic li.current:before {
        /*margin:0 0 0 -32px;*/
    }
    .media-indicator:before {
        content:'tablet';
    }
}
@media screen and (max-width:1050px) {
    /********** events **********/
    .title-pg {
        width: auto;
    }
    .event-description.wide {
        width: 100%;
    }
    #inschrijven .description-route {
        width: 50%;
    }
    .event-detail#inschrijven .event-map {
        width: 50%;
    }
    .description-route .event-column { 
        width: 100%;
    } 
    .subscribe-progress ol li a span.progress-number {
        margin-right: 0.2em;
    }
    .subscribe-progress ol li a {
        padding: 18px 2px 18px 28px;
    }
    #inschrijven .event-registration .event-agenda {
        text-align: center;
    }
    .event-sponsors li {
        width: 33.33333333333%;
        margin: 0 0 24px 0;
    }
}
@media screen and (max-width:980px) {
    /********** sections **********/
    .wrapper-lf-wide, 
    .wrapper-rt-wide,
    .wrapper-lf-wide.wrapper-partnerdetail {
        width: 100%;
        float: none;
    }
    .wrapper-lf-wide .box-search fieldset {
        padding:0;
    }
    /********** section side **********/
    .section-external {
        padding:0 0 48px;
    }
    
    .section-external .list-description {
        float: left;
        clear: left;
        width: 50%;
        margin: 24px 0 0;
    }
    .section-external .list-description {
        margin: 24px 0 48px;
    }
     /********** box-banner **********/
    .section-external .box-banner,
    .highlight-side.major .box-banner {
        width: 48%;
        float: left;
        padding: 0;
    }
    .highlight-side .box-banner:first-child {
        margin: 0;
    }
    .section-external .box-banner + .box-banner,
    .highlight-side.major .box-banner + .box-banner {
        margin-left: 4%;
    }
    .section-opinions h3 {
        width: 100%;
        float: left;
        margin: 24px 0;
    }
    .section-opinions .quote {
        width: 48%;
        float: left;
    }
    .section-opinions .quote + .quote {
        margin: 0 0 0 4%;
    }
    
    .section-external .box-banner:first-child .headline,
    .highlight-side.major .box-banner:first-child .headline {
        margin:12px 0;
    }
    .box-banner figure {
        padding:0.3em 24px 6px 0;
    }
    /********** searchlist **********/
    .wrapper-lf-wide .search-list {
        width: 100%;
    }
    /********** partnerpage **********/
    .partner-heading {
        margin: 0 0 24px;
    }
    .wrapper-partnerdetail .heading-description {
        background: #FFF;
        padding: 24px 0;
    }
    .wrapper-partnerdetail .section-external {
        padding:0 0 48px;
    }
    /********** highlight **********/
    .highlight-article {
        float: left;  
        width:50%; 
        border-bottom: none;
    }
    .highlight-article.major {
        width: 100%;
        float: none;
        border-bottom: 1px solid #D9E0E2    
    }
    .highlight-side {
        width: 50%;
        border: none;
        margin: -12px 0 0 0;
    }
    .highlight-side:before {
        display: none;
    }
    .highlight-side .box-banner:first-child  .headline:before {
        display:block;
    }
    .highlight-side.major {
        width: 100%;
        margin: 0;
        padding: 0 0 24px 0;
    }
    .highlight-column {
        width: 100%;
        border-top: 1px solid #D9E0E2;
        padding:24px 24px 24px 0;
    }
    .highlight-article figure {
        display: none;
    }
     .highlight-article .text {
        width: auto;
    }
    .highlight-article h3 {
        font-size:24px;
    }
    /********** blog list **********/
     .item-list.blog-list article figure {
        width: 15%;
    }
    /********** event **********/
    .wrapper-event .event-info {
        width: 60%;
    }
    .event-description.intro {
        width: 100%;
        float: none;
    }
    .event-movie {
        width: 40%;
        margin: 60px 0 0;
    }
    .event-text {
        width: 60%;
        padding: 0 48px 0 0;
    }
    .event-description.intro .event-info {
        width: 80%;
    }
    .event-speakers li {
        width: 23.5%;
        float: left;
    }
    .event-speakers li + li {
        margin-left: 2%;
    }
    .event-speakers figure {
        width: 65%;
    }
}
@media screen and (max-width: 870px) {
    .event-menu li + li {
        margin: 0 0 0 24px;
    }
}
@media screen and (max-width: 850px) {

    /********** lists **********/
    .list-description.three li {
        width: 50%;
    }
    /********** item-list *********/
    .item-list article figure {
        float: left;
        width: 20%;    
    }
     .item-list.blog-list article figure {
        width: 20%;
    }
    /********** events **********/
    .event-speakers li {
        width: 48%;
        float: left;
        padding: 0 48px 0 0;
        margin: 0 2% 24px 0;
    }
    .event-speakers li + li {
        margin-left:0;
    }
    .event-speakers figure {
        width: 55%;
    }
    /********** article **********/
    .wrapper-lf-wide.article .section-origin {
        float: none;
        width: auto;
    }
    .wrapper-lf-wide.article .wrapper-article .section-origin {
        float: left;
        width: 170px;
    }
    .wrapper-lf-wide.article .section-view {
        padding: 0;
        margin: 0;
    }
    /********** form **********/
    .box-member.box-create {
        width: 434px;
    }
    .box-member .form-column {
        width: auto;
        float: none;
    }
    .box-member .form-column + .form-column {
        margin: 0;
    }
}
@media screen and (max-width: 820px) {
    /********** nav **********/
    .nav-pg .members {
        padding: 24px 24px 0 24px;
    }
    /********** events **********/
    .event-live .event-live-description {
        top: 20%;
    }
    .event-live-more {
        bottom: 24px;
    }
    .wrapper-event .event-info {
        width: 80%;
    }
    .event-related {
        width: 100%;
    }
    .event-related .event-info  {
        width: 60%;
    }
}
@media screen and (max-width: 790px) {
    .title-pg h1 {
        font-size: 24px;
        padding: 20px 0;
    }
    /********** events **********/
    .event-movie {
        width: 100%;
        margin: 48px 0 0;
    }
    .event-text {
        width: 100%;
        padding: 0;
    }
    /********** section origin **********/
    .section-origin p.description,
    .section-origin .date {
        padding:12px 0 0;
    }
    .section-origin .date {
        margin: 0;
    }
    .subscribe-progress ol li a {
        padding: 18px 2px 18px 32px;    
    } 
}
@media screen and (max-width:750px) {
     /********** searchlist **********/
    .search-filters {
        width: 100%;
        float: left;
        margin: 12px 0 0;
    }
    .search-filters label:first-child {
        margin:0 12px 0 0;
    }    
    /********** item-list *********/
    .item-list article figure {
        width: 30%;    
    }
    .item-list.blog-list article figure {
        width: 20%;
    }
    a.more-results.more-magazines.left {
        width: 70%;
        padding:9px 24px;
        margin: 24px 15% 24px;
        text-align: center;
    }

    /********** box-banner **********/
    .section-external .box-banner,
    .highlight-side.major .box-banner,
    .section-external .box-banner + .box-banner,
    .highlight-side.major .box-banner + .box-banner,
    .highlight-side .box-banner:first-child {
        width: 100%;
        margin: 0;
    }
    .section-opinions h3 {
        width: auto;
        margin: 24px 0;
    }
    .section-opinions .quote {
        width: 100%;
    }
    .section-opinions .quote + .quote {
        margin: 48px 0 0;
    }
    .section-external .list-description {
        width: 100%;
        margin: 24px 0 24px;
    }
    .section-external .section-opinions {
        width: 70%;
    }
    /********** highlight **********/
    .highlight-article {
        float: none;  
        width: auto; 
    }
    .highlight-side {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .highlight-article h2 {
        font-size:24px;
    }
    /********** events **********/
    .event-menu li a { 
        font-size: 16px;
    }
    .title-pg h1 span.event-title{
        display: none;
    }
    .subscribe-progress ol li a {
        padding: 16px 24px 16px 50px;
    }
    .subscribe-progress ol li a span.progress-title {
        display: none;
    }
    .subscribe-progress ol li a span.progress-number {
        color: #FFF;
        background: #00AAF2;
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
        margin: 0;
    }
    /********** heading **********/
    .wrapper-heading .section-origin .headline {
        font-size: 28px;
        padding:12px 0;
    }
    /********** slider **********/
    .slider-news h3 {
        font-size:20px;
    }
    .slider-news .slide:first-child > div {
        padding:0 24px 0 0;
    }
    .slider-sponsors {
        padding:12px 0 4px;
    }
    .slider-sponsors .box-slider {
        margin:0 6px;
    }
    .slider-sponsors p {
        display:none;
    }
    .slider-sponsors .slider-nav .prev {
        right: 100%;
        left: auto;
        background-color: inherit;
    }
    /********** publish bottom **********/
    .wrapper-publish .logo {
        float:none;
        width:auto;
        padding:0;
        text-align:center;
    }
    .wrapper-publish .text {
        float:none;
        width:auto;
        padding:12px 0 0;
        text-align:center;
        max-width:none;
    }
    /********** footer **********/
    .wrapper-footer {
        font-size:16px;
    }
    .wrapper-footer ul {
        padding:6px 0 21px;
    }
    .wrapper-footer li {
        display:block;
        padding:0 0 3px;
    }
    .wrapper-heading .section-origin {
        float: none;
        width: auto;
    }
    .wrapper-heading .section-view {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }
}
@media screen and (max-width: 700px) {
    /********** events **********/
    .event-menu li a { 
        font-size: 15px;
    }
    .event-menu li + li {
        margin: 0 0 0 12px;
    }
    #inschrijven .event-registration .event-available {
        padding: 12px 0 0 0;
    }
    #inschrijven .event-registration .event-agenda {
        text-align: left;
    }
    .event-registration .event-column,
    #inschrijven .description-route {
        width: 100%;
    }
    .event-program {
        font-size: 18px;
    }
    #inschrijven.event-detail .event-map {
        width: 80%;
        float: left;
        margin: 24px 0 0;
    }
    .form-section .name input {
        width: 100%;
        margin: 0 0 24px;
    }
    .subscribe-form input, 
    .form-section .name.wide,
    .form-section .name.small {
        width: 80%;
    }
    /********** article **********/
    .wrapper-article h1 {
        font-size: 34px;
    }
    .wrapper-lf-wide.article .wrapper-article .section-origin,
    .wrapper-lf-wide.article .section-origin,
    .wrapper-lf-wide.article .wrapper-heading .section-origin {
        float: none;
        width: auto;
    }
    .wrapper-lf-wide.article .wrapper-article .section-view,
    .wrapper-lf-wide.article .section-view,
    .wrapper-lf-wide.article .wrapper-heading .section-view {
        padding: 0;
        margin: 0;
    }
    .section-origin .info {
        border-bottom:1px dotted #D9E0E2;
    }
    .section-origin .info li {
        display: inline-block;
        border-bottom: none;
    }
    .section-origin .info li + li {
        margin: 0 0 0 24px;
    }
    .article-content .box-banner {
        float: none;
        width: auto;
        position: relative;
        left: 0;
        padding: 0 0 12px;
        margin:0 0 12px;
    }
}
@media screen and (max-width: 650px) {

    /********** sponsors **********/
    .slider-sponsors {
        padding: 12px 0 4px;
    }
    .slider-sponsors p {
        display:none;
    }

    /********** lists **********/
    .list-date dt {
        width: auto;
        position: relative;
        margin: 0;
        clear: both;
    }
    .list-date dd {
        margin: 0;
        padding: 12px 0 0;
    }
    .item-list.blog-list article figure {
        width: 30%;
    }
    /********** events **********/
    .event-live .event-live-description {
        top: 15%;
    }
    .event-live-description h1 {
        font-size: 40px;
    }
    .wrapper-event .event-info {
        width: 100%;
    }
    .event-description,
    .event-registration {
        width: 100%;
        text-align: left
    }
    .event-menu li a {
        font-size: 14px;
    }    
}
@media screen and (max-width:600px) {
    /********** aside **********/
    .section-external .section-opinions {
        width: 100%;
    }
    /********** highlight **********/
    .highlight-article.major h2 {
        font-size: 32px;
    }
    /********** item-list *********/
    .item-list article figure {
        float: left;
        width: 40%;    
    }
    /********** events **********/
     #inschrijven.event-detail .event-map {
        width: 100%;
    }
    .event-related .event-info  {
        width: 80%;
    }
}
@media screen and (max-width: 580px) {
    /********** events **********/
    .event-detail-menu {
        display: none;
    }
    .event-description h1 {
        font-size: 36px;
    }
    .section-origin p.description,
    .section-origin .date {
        display: none;
    }
    .wrapper-news .section-origin .date,
    .blog-list .section-origin .date {
        display: inline-block;
    }
    .subscribe-form button {
        width: 80%;
    }
}
@media screen and (max-width:560px) {
    .wrapper-row,  .wrapper-row-wide {
        margin:0 24px;
    }
    .wrapper-header {
        padding: 0 24px 0 0;
    }
    .nav-pg {
        margin:0 -48px 0 -24px;
    }
    .search-filter {
        display: block;
        width: 100%;
        margin:0 0 12px 0;
    }
    .heading-description .major {
        font-size: 20px;
        margin: 0 0 12px;
    }
    /********** lists **********/
    .list-description.three li {
        width: 100%;
    }
    /********** events **********/
    .event-sponsors li {
        width: 50%;
    }
    /********** article **********/
    .wrapper-article h1 {
        font-size: 32px;
    }

}
@media screen and (max-width: 520px) {
    .subscribe-progress ol li a {
        padding: 16px 6px 16px 40px;
    }
}
@media screen and (max-width: 486px) {
    /********** nav **********/
    .nav-pg .main,
    .nav-pg .icons .list-social {
        width:50%;
    }
    .nav-pg .main, .nav-pg .icons .list-social {
        padding:24px 24px 0 12px;
    }
    .nav-pg .main:first-child, .nav-pg .icons .list-social:first-child {
        padding:24px 12px 0 24px;
    }
    .nav-pg .extra {
        width:100%;
        padding:12px 24px 24px;
        clear:both;
    }
    .nav-pg .members {
        width:100%;
    }
    .button-nav-pg span {
        text-indent: -99em;
    }
    .button-nav-pg:after {
        margin:0;
    }
    /********** heading description **********/
    .heading-description h1 {
        font-size:36px;
    }
    .heading-description p,
    .heading-description .partner-list li {
        font-size: 16px;
    }

     /********** box-banner **********/
    .section-external .box-banner,
    .highlight-side.major .box-banner {
        width: 100%;
        margin: 0;
    }

    /********** highlight **********/
    .highlight-article.major h2 {
        font-size: 28px;
    }

    /********** itemlist **********/
    .item-list article .text {
        display: block; 
        height:auto;
        width: 100%;
    }
    .item-list article figure {
        padding:0 12px 0 0;
    }
    /*more-button*/
    a.more-results {
        margin:24px 15% 12px;
    }
    /********** events **********/
    .event-live .event-live-description {
        top: 10%;
    }
    .event-live-description h1 {
        font-size: 32px;
    }
    .event-live-description p.event-current {
        font-size: 20px;
    }
    .event-live-description a.event-tag {
        font-size: 24px;
    }
    .event-live-more {
        bottom: 12px;
    }
    .event-info li.event-date {
        font-size: 18px;
    }
    .event-info li {
        padding: 0 24px 0 0;
    }
    .event-related .event-info  {
        width: 100%;
    }
    .event-description.intro .event-info {
        width: 100%;
    }
    .event-description h1 {
        font-size: 28px;
    }
    .event-speakers figure {
        width: 65%;
    }
    .event-subscribe.big a {
        font-size: 22px;
        padding: 12px 30px 12px 24px;
        width: 100%;
        text-align: center;
    }
    .event-subscribe.big a:after {
        margin: 0 0 0 6px; 
    }
    /********** article **********/
    .wrapper-article h1 {
        font-size: 28px;
    }
    .article-side.fixed-side.open .article-side-button {
        left:-4px;
    }
    .media-indicator:before {
        content:'mobile';
    }
    /********** form **********/
    .box-member,
    .box-member.box-create {
        width: 90%;
    }
    .box-member .member-content {
        padding: 42px 24px;
    }
    .member-form button {
        width: auto;
        padding: 12px 48px 12px 24px;
    }
    .member-form .reset-password {
        width: auto;
        float: none;
    }
    /********** slider **********/
    .slider-nav {
        display: none;
    }
}
@media screen and (max-width: 440px) {
    .event-info li {
        width: 100%;
        float: none;
        line-height: 28px;
    }
}
@media screen and (max-width: 420px) {
    .title-pg h1 {
        font-size: 18px;
        padding: 23px 0;
        margin: 0 -24px 0 0;
    }
    .title-pg span.action {
        margin: 0;
    }
    .subscribe-progress ol li a {
        padding: 16px 0 16px 36px;
    }
}
@media screen and (max-width: 400px) {
    .event-speakers li {
        width: auto;
        float: none;
        padding: 0;
        margin: 0 0 12px;
    }
    .event-speakers figure {
        width: 34%;
        float: left;
        padding: 12px 6px 0 0;
        margin: 0;
    }
    .event-speakers .speaker-description {
        display: table-cell;
        vertical-align: middle;
    }
    .event-speakers p {
        margin-bottom: 6px;
    }
}
@media screen and (max-width: 388px) {
    .section-origin .info li + li {
        margin: 0 0 0 9px;
    }
    #inschrijven.event-detail .wrapper-row {
        margin: 0;
    }
    .event-live-more {
        right: 0;
        left: auto;
    }
    .event-description.intro .event-info li {
        width: 100%;
        float: none;
        line-height: 28px;
    }
    .event-sponsors li {
        width: 50%;
        display: block;
    }
    .event-sponsors figure{
        display: block;
        text-align: center;
    }
    .event-sponsors li a {
        display: inline;
    }
    .event-description .event-available {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%;
    }
    .event-program {
        font-size: 16px;
    }
}
@media screen and (max-width: 365px) {
    .article-share li .icon {
        width: 60px;
    }
    .section-special {
        padding: 24px;
    }
    .title-pg span.action {
        margin: 0;
    }
    .subscribe-progress ol li:before,
    .subscribe-progress ol li:after {
        display: none;
    }
    .subscribe-progress ol li {
        width: 25%;
        text-align: center;
    }
    .subscribe-progress ol li a {
        padding: 16px 0;
    }
    .subscribe-progress ol li {
        border-right: none;
    }
    .heading-description h1 {
        font-size: 32px;
    }
    .subscribe-form legend {
        font-size: 32px;
    }
}
@media screen and (max-width: 350px) {
    /********** nav **********/
    .nav-pg .main,
    .nav-pg .extra,
    .nav-pg .icons .list-column,
    .nav-pg .members  {
        width: 100%;
    }
    .nav-pg .icons .list-column + .list-column {
        padding: 0 0 0 24px;
    }
    .nav-pg .extra {
        clear: left;
        padding-bottom: 24px;
    }
    /********** other**********/
    .wrapper-publish .wrapper-row {
        margin: 0;
    }
    .highlight-article h3 {
        font-size: 22px;
    }
    .item-list h2 {
        font-size: 22px;
    }
    a.more-results,
    a.more-results.left,
    a.more-results.more-magazines.left {
        width: 100%;
        text-align: center;
        padding: 9px 24px;
        margin: 0 0 24px;
    }
    .blog-list ul li {
        display: block;
    }
    .title-pg h1 {
        font-size: 16px;
        padding: 25px 0;
    }
    .member-form button {
        font-size: 18px;
    }
    .section-origin .info li {
        width: 45%;
    }
    .section-origin .info li + li {
        margin: 0;
    }
    .search-list article {
        -ms-hyphens:auto;
        -moz-hyphens:auto;
        -webkit-hyphens:auto;
        hyphens:auto;
    }
}
@media screen and (max-height:500px) {
    .article-side.fixed-side .article-side-button {
        margin:73px 0 0;
    }
}